<template>
  <base-page title="留言板" :comment-data="tableData">
    <p>
      有什么话要对我说吗？这里是你畅所欲言的地方，可以咨询，可以交流，可以感叹，可以发飙，但不可以订外卖。
    </p>
  </base-page>
</template>

<script>
import BasePage from "@/components/BasePage";
export default {
  components: {
    BasePage
  },
  data() {
    return {
      tableData: [
        {
          id: 1,
          img: "https://q.qlogo.cn/g?b=qq&nk=704729872&s=40",
          username: "曾小晨",
          content:
            "月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美" +
            "月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮" +
            "很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美月亮很美" +
            "月亮很美月亮很美月亮很美月亮很美",
          time: Date.now(),
          children: [
            {
              id: 2,
              parentId: 1, // 回复的父级ID
              brotherId: null, // 回复的兄弟ID
              replyUserName: "隔壁泰山",
              img: "https://q.qlogo.cn/g?b=qq&nk=704729872&s=40",
              username: "曾小晨",
              content: "哪里美....",
              time: Date.now()
            }
          ]
        },
        {
          id: 1,
          img: "https://q.qlogo.cn/g?b=qq&nk=704729872&s=40",
          username: "曾小晨",
          content: "路过",
          time: Date.now(),
          children: []
        }
      ]
    };
  }
};
</script>
